{template 'common/header'}
<style type="text/css">
	html, body {
	color:#222;
	font-family:Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;
	margin:0;
	padding: 0;
	text-decoration: none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0;}
img {border:0;}
ol, ul {list-style: none outside none;margin:0;padding: 0;}
a {color:#000000;text-decoration: none;}
.clr {display:block;clear:both;height:0;overflow:hidden;}
.copyright{padding:8px;text-align:center;font-size:14px;color:#666;}
.copyright a{color:#666;}
body { background-color:#eee; font-size:16px; }
body  .mainmenu {margin:6px;border-radius:5px; overflow:hidden; border:1px solid #d8e0cb;}
body  .mainmenu li { border-bottom:1px solid #CCC; background:-webkit-gradient(linear, 55% 100%, 55% 0%, from(#f1f1f1), to(#ffffff)); overflow:hidden }
body  .mainmenu li a { display:block;   padding:8px 30px 8px 20px; position:relative;box-shadow:0 -1px 1px rgba(255, 255, 255, 1) inset;}

body  .mainmenu li a em { display:block; width:8px; height:100%; position:absolute; left:0px;top: 0;}
body  .mainmenu li a .time {position: absolute; right: 10px; top: 8px; font-size: 12px; color: #555;display:{$_W['styles']['time']};}
body  .mainmenu li a p{  color:#858585;}
body  .mainmenu li a span {  line-height:24px; color:#4a4a4a }
body  .mainmenu li a i{ display:block; line-height:24px; font-size:12px;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#b0b0b0; font-style: normal;}
body  .mainmenu li a b{ display:block;  width:15px; height:19px; position:absolute; top:50%; margin-top:-10px; right:10px;  background:url(../images/jt.png) no-repeat; background-size:15px 19px;}
body  .mainmenu li:last-child{ border-bottom:none}
body .mainmenu li:nth-child(8n+1) a em {background-color:#36A1DB}
body .mainmenu li:nth-child(8n+2) a em {background-color:#678ce1}
body .mainmenu li:nth-child(8n+3) a em {background-color:#8c67df}
body .mainmenu li:nth-child(8n+4) a em {background-color:#84d018}
body .mainmenu li:nth-child(8n+5) a em {background-color:#14c760}
body .mainmenu li:nth-child(8n+6) a em {background-color:#f3b613}
body .mainmenu li:nth-child(8n+7) a em {background-color:#ff8a4a}
body .mainmenu li:nth-child(8n+8) a em {background-color:#fc5366}
body  .mainmenu {border:0; overflow: hidden;}
body  .mainmenu li { border:1px solid #CCC; margin-bottom:6px; border-radius:5px;}
body  .mainmenu li:last-child{ border-bottom:1px solid #CCC;}
.head {height:40px; line-height:40px; background:{$_W['styles']['headbgcolor']}; padding:0 5px; color:#FFF;}
.head .bn{display:inline-block; height:30px; line-height:30px; padding:0 10px; margin-top:4px; font-size:20px; background:transparent; color:#FFF; text-decoration:none;}
.head .bn.pull-left{border-right:1px solid {$_W['styles']['bordercolor']};}
.head .bn.pull-right{position:absolute; right:5px; top:0; border-left:1px solid {$_W['styles']['bordercolor']};}
.head .title{font-size:14pt;display:block;padding-left:10px;font-weight:bolder;margin-right:49px;text-align:center;height:40px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.head .order{background:#F9F9F9; position:absolute; z-index:9999; right:0;}
.head .order li > a{display:block; padding:0 10px; min-width:100px; height:35px; line-height:35px; font-size:16px; color:#333; text-decoration:none; border-top:1px #EEE solid;}
.head .order li.fa-caret-up{font-size:20px;color:#F9F9F9;position:absolute;top:-11px;right:16px;}
.pager-position{width:100%;margin:0 auto;text-align:center;}
{$_W['styles']['css']}
</style>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
{php echo register_jssdk(false);}
<script type="text/javascript">
				wx.ready(function () {
					sharedata = {
						title: "{if !empty($_W['styles']['title'])}{$_W['styles']['title']}{else}我发现另一个超级棒的微站！{/if}",
						desc: "{if !empty($_W['styles']['desc'])}{$_W['styles']['desc']}{else}太棒了！有创意！好玩！{/if}",
						link: "",
						imgUrl: "{if !empty($_W['styles']['indexbgimg'])}{$_W['styles']['indexbgimg']}{else}{$_W['siteroot']}app/themes/hc_style009/hcc/empty.png{/if}",
						success: function(){
								 window.location.href="{if !empty($_W['styles']['url'])}{$_W['styles']['url']}{else}{/if}";
						},
						cancel: function(){
							// alert("分享失败，可能是网络问题，一会儿再试试？");
						}
					};
					wx.onMenuShareAppMessage(sharedata);
					wx.onMenuShareTimeline(sharedata);
				});

			</script>
<div class="head">

	<a href="javascript:history.go(-1);" class="bn pull-left"><i class="fa fa-reply"></i></a>

	<span class="title">{$title}</span>

	<a href="javascript:;" id="category_show" class="bn pull-right"><i class="fa fa-reorder"></i></a>

	<ul class="list-unstyled order hide">

		<li class="fa fa-caret-up"></li>

		{data module="site" func="site_category"}

			<li>

				<a href="{$row['linkurl']}">

					{$row['name']}

				</a>

			</li>

		{/data}

	</ul>

</div>

<ul class="mainmenu">
{data module="site" func="site_article" cid="$cid" assign="result" return="true"}
{loop $result['list'] $row}
<li><a href="{$row['linkurl']}" ><span class="time">{php echo date('Y-m-d', $row['createtime'])}</span><em></em><p><span>{php echo cutstr($row['title'],25,1);}</span><i>{php echo cutstr($row['description'],50,1);}</i></p><b></b></a></li>
{/loop}
</ul>
<script type="text/javascript">
var count = document.getElementById("thelist").getElementsByTagName("img").length;	

var count2 = document.getElementsByClassName("menuimg").length;
for(i=0;i<count;i++){
	document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";
}
document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";

setInterval(function(){
	myScroll.scrollToPage('next', 0,400,count);
},3500 );

window.onresize = function(){ 
	for(i=0;i<count;i++){
		document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";
	}
	document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";
}
</script>
		
<div class="copyright">{$result['pager']}</div><br><br>
{template 'common/footer'}